<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js1/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js1/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" href="css1/hotel.css" />	
		<link rel="stylesheet" type="text/css" href="css1/cv.css"/>
		<link rel="stylesheet" type="text/css" href="css1/bootstrap.min.css"/>
	</head>
	<body>
			<iframe src="head.html" width="100%" height="200px"scrolling="no" frameborder="0"></iframe>	
		<div id="myCarousel" class="carousel slide">
		    <!-- 轮播（Carousel）指标 -->
		    <ol class="carousel-indicators">
		        <li data-target="#myCarousel" data-slide-to="0" 
		            class="active"></li>
		        <li data-target="#myCarousel" data-slide-to="1"></li>
		        <li data-target="#myCarousel" data-slide-to="2"></li>
		    </ol>   
		    <!-- 轮播（Carousel）项目 -->
		    <div class="carousel-inner">
		        <div class="item active">
		            <img src="img/hj1.jpeg" style="width: 100%;height: 550px;">
		        </div>
		        <div class="item">
		            <img src="img/hj2.jpeg" style="width: 100%;height: 550px;">
		        </div>
		        <div class="item">
		            <img src="./img/hmbb.jpeg" style="width: 100%;height: 550px;">
		        </div>
		    </div>
		    <!-- 轮播（Carousel）导航 -->
		        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
		            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
		            <span class="sr-only">Previous</span>
		        </a>
		        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
		            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
		            <span class="sr-only">Next</span>
		        </a>
		</div> 
		<div class="content">
			    <div class="tittle text-center">
			        <h2>特色主题酒店</h2>
			    </div>
			<div class="nva">
				<div class="text">
					<dl>
						<dt>海洋主题</dt>
						<dd><ul>
						<a href="#">
							<li>亚特兰蒂斯海底观景房</li>
							<li>珊瑚海景房</li>
							<li>加勒比套房</li>
							<li>比奇堡套房</li>
							<li>威尼斯套房</li>
						</a>	
						</ul></dd>	
					</dl>
					<dl>
						<dt>西式主题</dt>
						<dd><ul>
						<a href="#">
							<li>总统套房</li>
							<li>皇家套房</li>
							<li>英兰套房</li>
							<li>哥特套房</li>
							<li>法式套房</li>
						</a>	
						</ul></dd>
					</dl>
					<dl>
						<dt>中式主题</dt>
						<dd><ul>
						<a href="#">
							<li>中南海套房</li>
							<li>古风套房</li>
							<li>清明上河套房</li>
							<li>唐式套房</li>
							<li>江南套房</li>
						</a>	
						</ul></dd>
					</dl>
					<dl>
						<dt>游戏主题</dt>
						<dd><ul>
						<a href="#">
							<li>LOL套房</li>
							<li>永劫无间套房</li>
							<li>斗罗套房</li>
							<li>糖豆人套房</li>
							<li>原神套房</li>
						</a>	
						</ul></dd>
					</dl>
				</div>
			</div>
			<div class="container" >
			<ul class="media-list">
			  <li class="media">
			    <div class="media-left">
			      <a href="#">
			        <img src="img/hj1.jpeg" style="width: 100px;height: 100px;">
			      </a>
			    </div>
			    <div class="media-body">
			      <h4 class="media-heading">亚特兰蒂斯海底观景房</h4>
			      <P>阿超亚特兰蒂斯海底观景套房位于海底珊瑚礁附近。要进入旅馆，必须潜入深10多米的海底。在这里的人们早晨醒来，睁眼就可以看见窗外游来游去的深水鱼了。旅客住在水下的酒店可与鱼群共眠，总想海底生活。</P>
			    </div>
			  </li>
			  <li class="media" style="margin-left: 100px;">
			    <div class="media-left">
			      <a href="#">
			        <img src="img/fs.webp" style="width: 100px;height: 100px;">
			      </a>
			    </div>
			    <div class="media-body">
			      <h4 class="media-heading">法式套房</h4>
			      <P>以“法式花束”艺术为灵感来源，和谐地融入当地特色的花卉绿植，将法式优雅和当地精髓尽情展现。各色的法式植翠会让你在感官上有充分的享受，正如索菲特提倡的乐享生活一样，享受生活的点点滴滴。</P>
			    </div>
			  </li>
			  <li class="media" style="margin-left: 200px;">
			    <div class="media-left">
			      <a href="#">
			        <img src="img/gf.jpeg" style="width: 100px;height: 100px;">
			      </a>
			    </div>
			    <div class="media-body">
			      <h4 class="media-heading">古风套房</h4>
			      <p>就感觉到古典气息扑面而来。这里仿佛苏州园林一般，高大苍翠的树木，千姿百态的假山，逗逗池中的小鱼儿，“宠辱不惊，闲看庭前花开花落；去留无意，漫随天外云卷云舒”在这中式传统的北京郡王府饭店，品味独特的历史文化，享受世外桃源般的悠闲！</p>
			    </div>
			  </li>
			  <li class="media">
			    <div class="media-left">
			      <a href="#">
			        <img src="img/LOL.jpeg" style="width: 100px;height: 100px;">
			      </a>
			    </div>
			    <div class="media-body">
			      <h4 class="media-heading">LOL套房</h4>
			      <p>基友开黑，LOL套房专注年轻人的选择，内置高端电脑，室内壁纸设计LOL插画壁纸，让客户体验在召唤师峡谷般的快感。EDG NB！</p>
			    </div>
			  </li>
			</ul>
			<div class="row justify-content-between align-items-center">
			    <div class="col-xl-4 col-lg-4 col-md-6">
			        <div class="about-caption">
			            <div class="section-tittle section-tittle2">
			                <h1>特色酒店</h1>
							<h2>（Characteristic hotel）</h2>
			                <p>海景酒店是从度假性，观光性，经济型酒店里一个新型的概念酒店，都遍布在全球的沿海旅游城市。给予入住的客人提供的休息之处，也同时可以在房间足不出门的欣赏到美丽的海景，甚至在酒店里足不出门就可以很轻松的度过假期。 留下美好的度假记忆。随着人们生活水平的提高，什么都在艺术化。就像出去旅行什么的，就希望入住一个装修得品味一点，又或者说艺术一点的酒店。像本书所例的纽约美仑大酒店、华盛顿多诺万酒店、波士顿自由酒让、墨尔本索菲特大酒店等来自世界各地的酒店。集各地方艺术于一身，载着人性设计，凸显高雅品味。也许有一天我会住进其中一家或是很多家，不过现在我可得打开这本书，启发我自已的特色——酒店。</p>
			            </div>
			        </div>
			    </div>
			
			    <div class="col-xl-7 col-lg-7 col-md-6">
			        <!-- about-img -->
			        <div class="about-img ">
			            <div class="about-font-img">
			                <img src="img/tt2.png" style="width: 500px;margin-left: 235px;>
			            </div>
			            <div class="about-back-img" >
			                <img src="img/tt.png" style="width: 400px;height: 400px;margin-top: -350px;margin-left: 100px">
			            </div>
			        </div>
			    </div>
			</div>
			</div>	
			
			<div class="container">
				<div class="tittle2" style="text-align:center;">
					<h2>精品酒店</h2>
				</div>
				<div class="row">
				  <div class="col-sm-6 col-md-4">
				    <div class="thumbnail">
				      <img src="img/hj1.jpeg" alt="" style="width: 100%;height: 300px;">	
				      <div class="caption">
				        <h3>亚特兰蒂斯海景房</h3>
				        <p>...</p>

				      </div>
				    </div>
				  </div>
				  <div class="col-sm-6 col-md-4">
				    <div class="thumbnail">
				      <img src="img/hj2.jpeg" alt="" style="width: 100%;height: 300px;">
				      <div class="caption">
				        <h3>珊瑚海景房</h3>
				        <p>...</p>
				        
				      </div>
				    </div>
				  </div>
				  <div class="col-sm-6 col-md-4">
				    <div class="thumbnail">
				      <img src="img/hmbb.jpeg" alt="" style="width: 100%;height: 300px;">
				      <div class="caption">
				        <h3>比奇堡套房</h3>
				        <p>...</p>
				        
				      </div>
				    </div>
				  </div>
				  <div class="col-sm-6 col-md-4">
				    <div class="thumbnail">
				      <img src="img/fs.webp" alt="" style="width: 100%;height: 300px;">
				      <div class="caption">
				        <h3>法式套房</h3>
				        <p>...</p>
				        
				      </div>
				    </div>
				  </div>
				  <div class="col-sm-6 col-md-4">
				    <div class="thumbnail">
				      <img src="img/gt.jpeg" alt="" style="width: 100%;height: 300px;">
				      <div class="caption">
				        <h3>哥特套房</h3>
				        <p>...</p>
				        
				      </div>
				    </div>
				  </div>
				  <div class="col-sm-6 col-md-4">
				    <div class="thumbnail">
				      <img src="img/jlb.jpeg" alt="" style="width: 100%;height: 300px;">
				      <div class="caption">
				        <h3>加勒比套房</h3>
				        <p>...</p>
				        
				      </div>
				    </div>
				  </div>
				  <div class="col-sm-6 col-md-4">
				    <div class="thumbnail">
				      <img src="img/LOL.jpeg" alt="" style="width: 100%;height: 300px;">
				      <div class="caption">
				        <h3>LOL套房</h3>
				        <p>...</p>
				        
				      </div>
				    </div>
				  </div>
				  <div class="col-sm-6 col-md-4">
				    <div class="thumbnail">
				     <img src="img/gf.jpeg" alt="" style="width: 100%;height: 300px;">
				      <div class="caption">
				        <h3>古风套房</h3>
				        <p>...</p>
				        
				      </div>
				    </div>
				  </div>
				  <div class="col-sm-6 col-md-4">
				    <div class="thumbnail">
				     <img src="img/gf2.jpeg" alt="" style="width: 100%;height: 300px;">
				      <div class="caption">
				        <h3>江南套房</h3>
				        <p>...</p>
				        
				      </div>
				    </div>
				  </div>
				</div>
			</div>
			
		</div>	
		<iframe src="bottom.html" width="100%" height="200px"scrolling="no" frameborder="0"></iframe>	
	</body>
</html>
